.index_about {
            background-image: url("/skin/static/images/about-bg.jpg"); 
            background-size: cover; 
            background-blend-mode: overlay;
            padding: 80px 20px; 
            width: 100%;
        }

        .about_container {
            max-width: 1600px;
            margin: 0 auto; 
            width: 90%; 
            padding: 40px;
            background-color: rgba(255, 255, 255, 0.8); 
        }

        .about_title {
            font-size: 48px;
            color: #004290; 
            text-align: center;
            margin-bottom: 40px;
            font-weight: 700;
            letter-spacing: 2px;
        }

        .about_content {
            font-size: 16px;
            line-height: 1.8; 
            color: #004290; 
            text-align: center;
            max-width: 1200px; 
            margin: 0 auto;
        }

        .about_content p {
            margin-bottom: 20px; 
        }

        .about_content p:last-child {
            margin-bottom: 0;
        }

    
        .read-more-link {
            display: inline-block;
            margin-top: 30px;
            padding: 12px 30px;
            background-color: #004290;
            color: #ffffff !important;
            text-decoration: none;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 500;
            transition: background-color 0.3s ease;
        }

        .read-more-link:hover {
            background-color: #003068;
            text-decoration: none;
        }

        .link-container {
            text-align: center;
            margin-top: 10px;
        }
         .index-product1  {
            position: relative;
        }

       			.timeline {
				position: relative;
				height: 400px;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				align-items: center; 
				padding-left: 20px;
			}

			.timeline::before {
				content: '';
				position: absolute;
				width: 2px;
				height: 100%;
				background-color: var(--light-green); 
				left: calc(15px + 20px);
				transform: translateX(-50%);
			}
 
			.timeline-item {
				display: flex;
				align-items: center;
				width: 100%;
				position: relative;
			}

			.timeline-dot {
				width: 30px;
				height: 30px;
				border-radius: 50%;
				background-color: var(--white);
				border: 3px solid var(--light-green);
				cursor: pointer;
				transition: all 0.3s ease;
				z-index: 10;
				display: flex;
				justify-content: center;
				align-items: center; 
				margin-right: 15px;
			}

			.timeline-dot.active {
				width: 40px;
				height: 40px;
				background-color: var(--dark-green);
				border-color: var(--dark-green);
			}
 
			.timeline-title {
				font-size: 16px;
				color: #6AC237;
				white-space: nowrap;
				font-weight: 500; 
				cursor: pointer;
				transition: color 0.3s ease;
			}
 
			.timeline-item .timeline-dot.active+.timeline-title {
				color: var(--dark-green);
				font-weight: 700;
			}
        .product-container{
			max-width: 1600px;
			margin: 0 auto;
			padding: 40px 50px;
		}

        .product-display {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 600px;
            position: relative;
        }

        .product-circle, .product-circle2 {
            width: 500px;
            height: 500px;
            border-radius: 50%;
            overflow: hidden;
            border: 5px solid var(--light-green);
            box-shadow: 0 0 20px rgba(106, 194, 55, 0.3);
            position: relative;
        }

        .product-circle img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            position: absolute;
            top: 0;
            left: 0;
            display: none; 
        }

        .product-circle img.active  img.active {
            display: block;  
        }

        .product-info-container {
            display: none;
        }

        .product-info-container.active {
            display: block;
        }

        .product-name {
            font-size: 24px;
            font-weight: 700;
            color: var(--dark-green);
            margin-bottom: 20px;
        }
        .product-text{
            font-size: 18px;
            color: #666;
        }


        /* 响应式适配 */
        @media (max-width: 768px) {
            .index_about {
                padding: 60px 15px;
            }

            .about_title {
                font-size: 32px;
                margin-bottom: 30px;
                letter-spacing: 1px;
            }

            .about_content {
                font-size: 14px;
                line-height: 1.7;
            }

            .read-more-link {
                font-size: 14px;
                padding: 10px 25px;
            }
            .product1-row, .product2-row { flex-direction: column; }
            .timeline { flex-direction: row; height: auto; margin-bottom: 30px; }
            .timeline::before { width: 80%; height: 2px; top: 50%; left: 10%; }
            .product-display { height: auto; margin-bottom: 30px; }
            .product-info { align-items: center; text-align: center; }
        }

        @media (max-width: 480px) {
            .index_about {
                padding: 40px 10px;
            }

            .about_title {
                font-size: 28px;
            }
        }